
    <style>
        .pinyin-container {
            line-height: 1.6;
            text-align: center;
            font-family: Arial, sans-serif;
        }
        .line-container {
            margin: 1em 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        .punctuation {
            display: inline-flex;
            align-items: flex-end;
            width: 1em;
            height: 2.4em;
        }
        .char-container {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            width: 2.5em;
            margin: 0 0px;
        }
        .pinyin-text {
            font-size: 0.7em;
            color: #666;
            line-height: 1.2;
            white-space: nowrap;
        }
        .hanzi-text {
            font-size: 1em;
            line-height: 1.2;
        }
        .empty-line {
            height: 1em;
        }
    </style>
    
<div class="pinyin-container">
<div class="line-container">
<div class="punctuation">《</div>
<div class="char-container"><div class="pinyin-text">qián</div><div class="hanzi-text">钱</div></div>
<div class="char-container"><div class="pinyin-text">táng</div><div class="hanzi-text">塘</div></div>
<div class="char-container"><div class="pinyin-text">hú</div><div class="hanzi-text">湖</div></div>
<div class="char-container"><div class="pinyin-text">chūn</div><div class="hanzi-text">春</div></div>
<div class="char-container"><div class="pinyin-text">xíng</div><div class="hanzi-text">行</div></div>
<div class="punctuation">》</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">táng</div><div class="hanzi-text">唐</div></div>
<div class="punctuation">·</div>
<div class="char-container"><div class="pinyin-text">bái</div><div class="hanzi-text">白</div></div>
<div class="char-container"><div class="pinyin-text">jū</div><div class="hanzi-text">居</div></div>
<div class="char-container"><div class="pinyin-text">yì</div><div class="hanzi-text">易</div></div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">gū</div><div class="hanzi-text">孤</div></div>
<div class="char-container"><div class="pinyin-text">shān</div><div class="hanzi-text">山</div></div>
<div class="char-container"><div class="pinyin-text">sì</div><div class="hanzi-text">寺</div></div>
<div class="char-container"><div class="pinyin-text">běi</div><div class="hanzi-text">北</div></div>
<div class="char-container"><div class="pinyin-text">jiǎ</div><div class="hanzi-text">贾</div></div>
<div class="char-container"><div class="pinyin-text">tíng</div><div class="hanzi-text">亭</div></div>
<div class="char-container"><div class="pinyin-text">xī</div><div class="hanzi-text">西</div></div>
<div class="punctuation">，</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">shuǐ</div><div class="hanzi-text">水</div></div>
<div class="char-container"><div class="pinyin-text">miàn</div><div class="hanzi-text">面</div></div>
<div class="char-container"><div class="pinyin-text">chū</div><div class="hanzi-text">初</div></div>
<div class="char-container"><div class="pinyin-text">píng</div><div class="hanzi-text">平</div></div>
<div class="char-container"><div class="pinyin-text">yún</div><div class="hanzi-text">云</div></div>
<div class="char-container"><div class="pinyin-text">jiǎo</div><div class="hanzi-text">脚</div></div>
<div class="char-container"><div class="pinyin-text">dī</div><div class="hanzi-text">低</div></div>
<div class="punctuation">。</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">jǐ</div><div class="hanzi-text">几</div></div>
<div class="char-container"><div class="pinyin-text">chù</div><div class="hanzi-text">处</div></div>
<div class="char-container"><div class="pinyin-text">zǎo</div><div class="hanzi-text">早</div></div>
<div class="char-container"><div class="pinyin-text">yīng</div><div class="hanzi-text">莺</div></div>
<div class="char-container"><div class="pinyin-text">zhēng</div><div class="hanzi-text">争</div></div>
<div class="char-container"><div class="pinyin-text">nuǎn</div><div class="hanzi-text">暖</div></div>
<div class="char-container"><div class="pinyin-text">shù</div><div class="hanzi-text">树</div></div>
<div class="punctuation">，</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">shuí</div><div class="hanzi-text">谁</div></div>
<div class="char-container"><div class="pinyin-text">jiā</div><div class="hanzi-text">家</div></div>
<div class="char-container"><div class="pinyin-text">xīn</div><div class="hanzi-text">新</div></div>
<div class="char-container"><div class="pinyin-text">yàn</div><div class="hanzi-text">燕</div></div>
<div class="char-container"><div class="pinyin-text">zhuó</div><div class="hanzi-text">啄</div></div>
<div class="char-container"><div class="pinyin-text">chūn</div><div class="hanzi-text">春</div></div>
<div class="char-container"><div class="pinyin-text">ní</div><div class="hanzi-text">泥</div></div>
<div class="punctuation">。</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">luàn</div><div class="hanzi-text">乱</div></div>
<div class="char-container"><div class="pinyin-text">huā</div><div class="hanzi-text">花</div></div>
<div class="char-container"><div class="pinyin-text">jiàn</div><div class="hanzi-text">渐</div></div>
<div class="char-container"><div class="pinyin-text">yù</div><div class="hanzi-text">欲</div></div>
<div class="char-container"><div class="pinyin-text">mí</div><div class="hanzi-text">迷</div></div>
<div class="char-container"><div class="pinyin-text">rén</div><div class="hanzi-text">人</div></div>
<div class="char-container"><div class="pinyin-text">yǎn</div><div class="hanzi-text">眼</div></div>
<div class="punctuation">，</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">qiǎn</div><div class="hanzi-text">浅</div></div>
<div class="char-container"><div class="pinyin-text">cǎo</div><div class="hanzi-text">草</div></div>
<div class="char-container"><div class="pinyin-text">cái</div><div class="hanzi-text">才</div></div>
<div class="char-container"><div class="pinyin-text">néng</div><div class="hanzi-text">能</div></div>
<div class="char-container"><div class="pinyin-text">méi</div><div class="hanzi-text">没</div></div>
<div class="char-container"><div class="pinyin-text">mǎ</div><div class="hanzi-text">马</div></div>
<div class="char-container"><div class="pinyin-text">tí</div><div class="hanzi-text">蹄</div></div>
<div class="punctuation">。</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">zuì</div><div class="hanzi-text">最</div></div>
<div class="char-container"><div class="pinyin-text">ài</div><div class="hanzi-text">爱</div></div>
<div class="char-container"><div class="pinyin-text">hú</div><div class="hanzi-text">湖</div></div>
<div class="char-container"><div class="pinyin-text">dōng</div><div class="hanzi-text">东</div></div>
<div class="char-container"><div class="pinyin-text">xíng</div><div class="hanzi-text">行</div></div>
<div class="char-container"><div class="pinyin-text">bù</div><div class="hanzi-text">不</div></div>
<div class="char-container"><div class="pinyin-text">zú</div><div class="hanzi-text">足</div></div>
<div class="punctuation">，</div>
</div>
<div class="line-container">
<div class="char-container"><div class="pinyin-text">lǜ</div><div class="hanzi-text">绿</div></div>
<div class="char-container"><div class="pinyin-text">yáng</div><div class="hanzi-text">杨</div></div>
<div class="char-container"><div class="pinyin-text">yīn</div><div class="hanzi-text">阴</div></div>
<div class="char-container"><div class="pinyin-text">lǐ</div><div class="hanzi-text">里</div></div>
<div class="char-container"><div class="pinyin-text">bái</div><div class="hanzi-text">白</div></div>
<div class="char-container"><div class="pinyin-text">shā</div><div class="hanzi-text">沙</div></div>
<div class="char-container"><div class="pinyin-text">dī</div><div class="hanzi-text">堤</div></div>
<div class="punctuation">。</div>
</div>
</div>